<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/cssreset.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./xicha.css">
    <link rel="stylesheet" href="./css/wenzi.css">
    <link rel="stylesheet" href="./css/lunbo.css">
    <link rel="stylesheet" href="./css/foot.css">
    <title>喜茶</title>
    <style></style>
</head>

<body>
    <div class="positionDiv clearfix ">
        <!-- 导航 -->
        <div class="header">
            <div class="cha1">
                <img src="./img/logo_2.png" alt="">
            </div>
            <!-- 菜单区 -->
            <ul class="nav-list">
                <li class="current"><a href="index.html#about">关于喜茶</a></li>
                <li><a href="index.html#tea">灵感之茶</a></li>
                <li><a href="#">用户门店</a></li>
            </ul>
            <div class="tu">
                <ul class="tu-list">
                    <a href="">
                        <li><img src="img/wb_icon.png"></li>
                    </a>
                    <a href="">
                        <li> <img src="img/wx_icon.png"></li>
                    </a>
                    <a href="">
                        <li> <img src="img/yy_icon.png"></li>
                    </a>
                </ul>
                <!-- 微博 微信 中文 -->
            </div>
        </div>
        <!-- 导航结束 -->
        <div class="bg">
            <img src="./img/bg1.jpg" alt="" class="pc">
            <img src="./img/m-bg1.jpg" alt="" class="m">
        </div>
    </div>
    <div class="bg2">
        <!-- 把内容包起来 -->
        <div class="a-text">
            <h2 class="text1">WHO ARE WE？</h2>
            <p class="txt_con" style="padding: 0 20px;">2012年，喜茶<span
                    class="ntFont">HEYTEA</span>起源于一条名叫江边里的小巷，原名皇茶<span
                    class="ntFont">ROYALTEA。</span>为了与层出不穷的山寨品牌区分开来，故全面升级为注册品牌喜茶<span class="ntFont">HEYTEA</span>。</p>
            <p class="txt_con">喜茶为芝士现泡茶的原创者。自创立以来，喜茶专注于呈现来自世界各地的优质茶香， 让茶饮这一古老文化焕发出新的生命力。</p>
        </div>
        <div class="ma">
            <div class="ma1">
                <img src="./img/wxerweima1.jpg" alt="">
                <p>微信码</p>
            </div>
            <div class="ma1">
                <img src="./img/wxerweima1.jpg" alt="">
                <p>微博</p>
            </div>
            <div class="ma1">
                <img src="./img/wxerweima1.jpg" alt="">
                <p>喜茶GO</p>
            </div>
            <div class="ma1">
                <img src="./img/instagram2.png" alt="">
                <p>Intagram</p>
            </div>
        </div>
    </div>
    <!-- 移动端 -->
    <div class="bg2-1">
        <h2 class="text1">WHO ARE WE？</h2>
        <p class="txt_con">
            2012年，喜茶
            <span class="ntFont">HEYTEA</span>
            起源于江边里的一条小巷，原名皇茶
            <span class="ntFont">ROYALTEA</span>
            为了与层出不穷的山寨品牌区分开来，故全面升级为注册品牌喜茶
            <span class="ntFont">HEYTEA</span>"。"
        </p>
        <p class="txt_con">喜茶为芝士现泡茶的原创者。自创立以来，喜茶专注于呈现来自世界各地的优质茶香， 让茶饮这一古老文化焕发出新的生命力。
        </p>
        <div class="line">
            <a href="guanyu.html" class="btn a_btn">了解更多</a>
        </div>
        <div class="ma">
            <div class="ma1">
                <img src="./img/wxerweima1.jpg" alt="">
                <p>微信Wechat</p>
            </div>
            <div class="ma1">
                <img src="./img/wxerweima1.jpg" alt="">
                <p>微博Wechat</p>
            </div>
            <div class="ma1">
                <img src="./img/wxerweima1.jpg" alt="">
                <p>喜茶GO</p>
            </div>
            <div class="ma1">
                <img src="./img/instagram.png" alt="">
                <p>Intagram</p>
            </div>
        </div>
        <img src="./img/m_a_ch1.png" alt="" class="f_img">
    </div>
    <!-- 产品列表 -->
    <div class="bg3 bg3-1">
        <div class="bg3-2">
            <div class="bg3-text">
                <h2>原创芝士茗茶</h2>
                <p>将咸芝士与天然茶香融合的“奇思妙想”为喜茶原创。备受消费者推崇的原创芝士茗茶系列</p>
                <p>选用进口新西兰乳源浓醇芝士，口感绵密，层层叠进搭配幽香清醇的茶香，两者相交衬托，妙不可言</p>
            </div>
            <div class="bg3-img1">
                <div class="bg3-img2"></div>
                <div class="bg3-img3"></div>
                <div class="bg3-img4"></div>
                <div class="bg3-img5"></div>
            </div>
        </div>
    </div>
    <div class="bg4 bg4-1">
        <div class="bg4-2">
            <div class="bg4-img1"></div>
            <div class="bg4-txt">
                <h3>鲜茶水果系列</h3>
                <p>清甜饱满的鲜茶水果系列的推出<br>
                    旨在让顾客可以享受水果与好茶结合的美妙口感<br>
                </p>
                <p>精选优质茶叶为茶底，以天然糖分温润中和<br>
                    诠释出清爽丰富的口感<br>
                </p>
            </div>
            <div class="bg4-img3"></div>
        </div>
    </div>
    <div class="bg5 bg5-1">
        <div class="bg5-2">
            <div class="bg5-txt">
                <h3>轻芝士茗茶系列</h3>
                <p>
                    将新西兰进口芝士与鲜奶精心配比<br>
                    创造出口感绝佳的轻盈质地
                </p>
                <p>恬淡矜持，丰盈却不腻人，轻负担之选</p>
            </div>
            <div class="bg5-img1"></div>
            <div class="bg5-img2"></div>
            <div class="bg5-img3"></div>
        </div>
    </div>
    <div class="bg6 bg6-1">
        <div class="bg6-box">
            <div class="bg6-txt">
                <h2>当季水果限定系列</h2>
                <p>
                    四季轮替，每个季节都有其独特的气质及产物
                    <br>
                    为了呈现当季最新鲜的风味，喜茶推出季节限定茶饮系列
                    <br>
                </p>
                <p>选用鲜果搭配定制茶底，果香融入茶韵，让人心生雀跃</p>
            </div>
            <div class="bg6-img1"></div>
            <div class="bg6-img2"></div>
            <div class="bg6-img3"></div>
        </div>
    </div>
    <!-- 门店列表 -->
    <div class="shop-box">
        <h1 class="title">STORE</h1>
        <div class="shopfix">
            <div class="shop-1">
                <h2 class="shop_txt">贵阳市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="26.562769" data-y="106.723373" data-content="贵阳国贸逸天城热麦店">
                        贵阳国贸逸天城热麦店</li>
                    <li data-x="26.582358" data-y="106.713198" data-content="贵阳南国花锦店">
                        贵阳南国花锦店</li>
                    <li data-x="26.584673" data-y="106.711678" data-content="贵阳国贸GO店">贵阳国贸GO店</li>
                    <li data-x="26.58177" data-y="106.70223" data-content="贵阳汇金星力城GO店">贵阳汇金星力城GO店</li>
                    <li data-x="26.557564" data-y="106.708145" data-content="贵阳鸿通城GO店">贵阳鸿通城GO店</li>
                    <li data-x="26.572277" data-y="106.716409" data-content="贵阳荔星名店A馆GO店">贵阳荔星名店A馆GO店</li>
                    <li data-x="26.567981" data-y="106.690624" data-content="贵阳花果园购物中心店">贵阳花果园购物中心店</li>
                </ul>
            </div>
            <div class="shop-1">
                <h2 class="shop_txt">银川市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="38.514846" data-y="106.255592" data-content="银川建发大阅城店">银川建发大阅城店</li>
                </ul>
            </div>
            <div class="shop-1">
                <h2 class="shop_txt">苏州市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="31.320721" data-y="120.713660" data-content="苏州圆融时代店">苏州圆融时代店</li>
                    <li data-x="31.318450" data-y="120.657350" data-content="苏州印象城店">苏州印象城店</li>
                    <li data-x="31.318780" data-y="120.678190" data-content="苏州中心店">苏州中心店</li>
                    <li data-x="31.322676" data-y="120.757233" data-content="苏州永旺梦乐城工业园店">苏州永旺梦乐城工业园店</li>
                    <li data-x="31.315089" data-y="120.668947" data-content="苏州苏悦广场店">苏州苏悦广场店</li>
                </ul>
            </div>
            <div class="shop-1">
                <h2 class="shop_txt">厦门市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="24.473215" data-y="118.111610" data-content="厦门万象城LAB店">厦门万象城LAB店</li>
                    <li data-x="24.501613" data-y="118.126412" data-content="厦门SM广场店">厦门SM广场店</li>
                    <li data-x="24.434481" data-y="118.095405" data-content="厦门大学店">厦门大学店</li>
                    <li data-x="24.504721" data-y="118.17754" data-content="厦门湖里万达店">厦门湖里万达店</li>
                    <li data-x="24.48525" data-y="118.172985" data-content="厦门宝龙一城店">厦门宝龙一城店</li>
                </ul>
            </div>
            <div class="shop-1">
                <h2 class="shop_txt">海口市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="20.025675" data-y="110.313456" data-content="海口N次方公园店">海口N次方公园店</li>
                    <li data-x="20.023651" data-y="110.323982" data-content="海口友谊阳光城店">海口友谊阳光城店</li>
                </ul>
            </div>
            <div class="shop-1">
                <h2 class="shop_txt">杭州市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="30.248485" data-y="120.213354" data-content="杭州来福士店">杭州来福士店</li>
                    <li data-x="30.253060" data-y="120.215070" data-content="杭州万象城店">杭州万象城店</li>
                    <li data-x="30.20746" data-y="120.20947" data-content="杭州星光大道店">杭州星光大道店</li>
                    <li data-x="30.270006" data-y="120.16203" data-content="杭州国大广场热麦店">杭州国大广场热麦店</li>
                    <li data-x="30.170842" data-y="120.268064" data-content="杭州萧山银隆店">杭州萧山银隆店</li>
                    <li data-x="30.302156" data-y="120.130131" data-content="杭州大悦城店">杭州大悦城店</li>
                </ul>
            </div>
            <div class="shop-1">
                <h2 class="shop_txt">成都市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="30.625246" data-y="104.011072" data-content="成都大悦城店">成都大悦城店</li>
                    <li data-x="30.655736" data-y="104.071973" data-content="成都新世界百货GO店">成都新世界百货GO店</li>
                    <li data-x="30.711989" data-y="104.066089" data-content="成都龙湖北城天街店"> 成都龙湖北城天街店</li>
                    <li data-x="30.820129" data-y="104.176456" data-content="成都新都苏宁易购广场店">成都新都苏宁易购广场店</li>
                    <li data-x="30.60503" data-y="104.15658" data-content="成都伊藤广场店">成都伊藤广场店</li>
                    <li data-x="30.602824" data-y="104.068582" data-content="成都凯德天府店">成都凯德天府店</li>
                    <li data-x="30.686747" data-y="104.074702" data-content="成都金牛万达店">成都金牛万达店</li>
                </ul>
            </div>
            <div class="shop-1">
                <h2 class="shop_txt">天津市</h2>
                <ul class=" shop-item shopfix">
                    <li data-x="39.136429" data-y="117.179425" data-content="天津南开大悦城DP店">天津南开大悦城DP店</li>
                    <li data-x="39.14415" data-y="117.09034" data-content="天津中北永旺店">天津中北永旺店</li>
                    <li data-x="39.029164" data-y="117.342024" data-content="天津津南永旺GO店">天津津南永旺GO店</li>
                    <li data-x="39.138786" data-y="117.22045" data-content="天津远洋未来广场店">天津远洋未来广场店</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="tipsbox">
        <img src="./img/yzsm.png" alt="" class="yzsm">
        <p>•目前我们旗下仅有「喜茶」和「喜茶热麦」两个品牌,除此之外所有与此类似或者添加前后缀的品牌均与我们无关。我司拥有「喜茶HEYTEA」与「喜茶热麦」的完整商标权，对于任何企业或个人侵犯喜茶注册商标专用权的行为，我们都将予以打击，并追究相关主体的法律责任。
        </p>
        <p>•喜茶真的不做任何形式的加盟及代理，网上关于加盟及代理的信息均为诈骗。你搜到的所有加盟官网都是假的，请大家谨防上当受骗。除此之外，其他打着喜茶名义运营的网站均与我们无关。请认准喜茶唯一官网：<span
                class="ntFont">www.heytea.com</span></p>
    </div>
    <!-- 轮播图 -->
    <!--  data-ride="carrousel 负责定时器移动项目  slide 平滑过渡的类-->
    <div class="lunbo-box">
        <div class="carousel slide " data-ride="carousel" id="xi-cha">
            <!-- 大图片区 carousel-inner -->
            <div class="carousel-inner">
                <!-- 一张图片 carousel-item 轮播-->
                <div class="carousel-item active">
                    <img src="./img/lunbo1.jpg" class="w-100" alt="">
                </div>
                <!-- 第二张 -->
                <div class="carousel-item">
                    <img src="./img/lunbo2.jpg" class="w-100" alt="">
                </div>
                <!-- 第三张 -->
                <div class="carousel-item">
                    <img src="./img/lunbo3.jpg" class="w-100" alt="">

                </div>
            </div>
            <!-- 左右切换按钮 -->
            <!--  data-slide="prev 控制下一个 -->
            <a href="#xi-cha" class="carousel-control-prev xi-cha" data-slide="prev">
                <span class="carousel-control-prev-icon">
                </span></a>
            <a href="#xi-cha" class="carousel-control-next xi-cha" data-slide="next">
                <span class="carousel-control-next-icon">
                </span></a>
            <!-- 指示符 -->
            <ul class="carousel-indicators">
                <li class=" active" data-slide-to="0" data-target="#xi-cha"></li>
                <li data-slide-to="1" data-target="#xi-cha"></li>
                <li data-slide-to="2" data-target="#xi-cha"></li>
            </ul>

        </div>

    </div>
    <!--页脚部分 -->
    <div class="footer">
        <div class="footerCon">
            <p class="p1">这是 喜茶 的唯一官网，所有门店已完成招牌更换为喜茶，
                市面上一切“皇茶”相关的名字都与我们没有关系。</p>
            <p class="p1">深圳美西西餐饮管理有限公司·喜茶起源于一条名叫江边里的小巷，在这家只有20平方米的小店里（现已结业）我们专注于创造出自己真正喜爱的茶饮。</p>
            <p class="p1">我们希望用 一杯好茶，激发你的一份灵感。后来由于喜爱的人越来越多我们开始开设分店。</p>
            <p class="p1">一开始我们使用过“皇茶”这个名字，后来由于无法注册商标而放弃了，现在市场上所有你看到 的所有以“皇茶”为名称的门店都不是我们开设的。</p>
            <p class="p1">抱歉我们不接受任何形式的加盟，一切关于加盟的一律不回复。</p>
            <div class="footerDIvl clearfix">
                <div class="erwemaCon">
                    <div class="l-erweima">
                        <img src="./img/erweima.png" alt="">
                        <p>微信Wechat</p>
                    </div>
                    <div class="l-erweima">
                        <img src="./img/erweima.png" alt="">
                        <p>微博Weibo</p>
                    </div>
                    <div class="l-erweima">
                        <img src="./img/erweima.png" alt="">
                        <p>喜茶GO</p>
                    </div>
                    <div class="l-erweima">
                        <img src="./img/instagram.png" alt="">
                        <p>Instagram</p>
                    </div>
                </div>
                <p class="p2">微博微信搜索或扫码关注喜茶HEYTEA，第一时间获取新品及喜茶相关资讯。</p>
                <p class="p2">如果你有任何疑问或建议，可以在微博或者微信私信我们，我们会尽快处理。</p>
            </div>
            <div class="footerDIvr">
                <p>深圳美西西餐饮管理有限公司</p>
                <p>地址：南山区航天科技广场B座602C</p>
                <p>意见反馈及媒体合作：<span class="ntFont">pr@heytea.com</span></p>
                <p><img src="./img/1.png"
                        style="width:13px;height:13px;vertical-align:text-top;margin-right:5px;">粤公网安备：<a
                        target="_blank" style="color: #fff ;margin-top: 0 ;"
                        href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502001486">44030502001486号
                    </a></p>
                <p>备案序号：<a target="_blank" style="color: #fff ;margin-top: 0 ;"
                        href="http://www.miitbeian.gov.cn/">粤ICP备17015131号 </a></p>
                <a id="_pingansec_bottomimagelarge_brand"
                    href="http://si.trustutn.org/info?sn=202170417028039221440&amp;certType=1"><img
                        src="http://v.trustutn.org/images/cert/brand_bottom_large.jpg"></a>
            </div>
        </div>
    </div>
</body>

</html>